<!doctype html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>控制台</title>


    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" th:href="@{/user_center/css/identify.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/user_center/css/layout.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/user_center/css/account.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/user_center/css/style.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/user_center/css/control_index.css}"/>


    <script type="text/javascript" th:src="@{/user_center/js/jquery-1.7.2.min.js}"></script>
    <script type="text/javascript" th:src="@{/user_center/js/layer/layer.js}"></script>
    <script type="text/javascript" th:src="@{/user_center/js/haidao.offcial.general.js}"></script>
    <script type="text/javascript" th:src="@{/user_center/js/select.js}"></script>
    <script type="text/javascript" th:src="@{/user_center/js/haidao.validate.js}"></script>
</head>

<body>


<div th:replace="common/common::#lefttop"></div>


<div class="view-body">

    <div th:replace="common/common::#left"></div>
    <!--    顶部-->

    <div class="view-product">
        <div class="manage account-manage">
            <div class="manage-head">
                <h6 class="layout padding-left manage-head-con">账号管理</h6>
            </div>

        </div>

        <!--用户信息主体-->
        <div id="right-panel" class="right-blue">
            <div class="content">
                <div class="animated fadeIn">
                    <div class="row" style="margin-left: 13%;margin-top: 5%">
                        <div class="col-lg-8">
                            <div class="card bg-info text-white" style="height: 350px;background-color: #62abde !important;">
                                <div class="card-header">修改个人信息</div>
                                <div class="card-body card-block d-flex justify-content-center">
                                    <form method="post" class="w-50" id="form" th:action="@{/user/updateUser/}+${user.getAccount()}">
                                        <input name="phone" type="text" th:value="${user.getPhone()}" style="display:none"/>
                                        <input name="role" type="text" th:value="${user.getRole()}" style="display:none"/>
                                        <input name="realname" type="text" th:value="${user.getRealname()}" style="display:none"/>
                                        <div class="form-group">
                                            <strong style="color: #fffffc">用户名</strong>
                                            <div class="input-group">
                                                <input name="account" placeholder="Username" class="form-control" th:value="${user.getAccount()}" disabled>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <strong style="color: #fffffc">修改邮箱</strong>
                                            <div class="input-group">
                                                <input class="form-control" name="email" placeholder="Email"
                                                       type="email" th:value="${user.getEmail()}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <strong style="color: #fffffc">修改密码</strong>
                                            <div class="input-group">
                                                <input class="form-control" id="password" name="password" type="password"
                                                       placeholder="Password" th:value="${user.getPassword()}">
                                            </div>
                                        </div>
                                        <div class="form-actions form-group d-flex  justify-content-center">
                                            <button class="btn btn-danger btn-sm btn-block w-50" id="modify"
                                                    style="border-radius: 20px"
                                                    type="submit">提交修改
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>

<script>
    $(".sidebar-title").live('click', function () {
        if ($(this).parent(".sidebar-nav").hasClass("sidebar-nav-fold")) {
            $(this).next().slideDown(200);
            $(this).parent(".sidebar-nav").removeClass("sidebar-nav-fold");
        } else {
            $(this).next().slideUp(200);
            $(this).parent(".sidebar-nav").addClass("sidebar-nav-fold");
        }
    });
</script>
</body>

</html>
